<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../recursos/css/OrdTrabajo_lista.css">		
        <script type="text/javascript" src="../recursos/js/OrdTrabajo_lista.js"></script>
    </head>
    <body>
        <div id='main'>
        <header>Ordenes de Trabajo</header>
        <input type="hidden" id="controlador" name="controlador" value="OrdTrabajo"/>
            
        <div id="divBuscador" class="redondeado gris izquierda">
           <br>
           <ul id="contenidoBuscador">
               <li>&nbsp;&nbsp;&nbsp;&nbsp;</li>
               <li><label>Filtrar y Ordenar por: </label></li>
               <li><select id="selectFiltroOrdenGrilla" name='selectFiltroOrdenGrilla' ></select></li>
               <li><label>&nbsp;&nbsp;Valor:</label></li>
               <li><input type='text' id="valorFiltroGrilla" name="valorFiltroGrilla" onchange="$('#valorFiltroGrilla').val($('#valorFiltroGrilla').val().replace(/[^\w\s]/gi, ''));"/></li>
               <li>&nbsp;&nbsp;<a href='#' class='botonRealizarBusqueda'><i class="icon-search"></i>Buscar</a></li>               
               <li>&nbsp;&nbsp;&nbsp;&nbsp;</li>               
           </ul>
        </div>
        
        <div style="clear: both;"></div> 
        <div id="generalerror"></div>
        <div id="grilla">
            <div id="agregar" class='derecha'>
                <a id="lnk_agregar" href="#"><i class="icon-plus-sign-alt"></i> Agregar</a>
            </div>
           <div style="clear: both;"></div> 
            <div id="resultados" >
                <table id="OrdTrabajo" class="grilla">
                    <tr id='cabecera'>
                        <td class="TD_filtrable td_codigo_ordTrab" value="codOrdTrabajo">OT No.</td>
                        <td class="TD_filtrable" value="codOperacionInterna">D.O.</td>
                        <td class="TD_filtrable" value="nombreMaeCliente1">AGENCIA DE ADUANA</td>
                        <td class="TD_filtrable" value="consignatario">CONSIGNATARIO</td>
                        <td class="TD_filtrable" value="nombreMaeOperacionPuerto">PUERTO OPER.</td>
                        <td class="TD_filtrable td_estado_ordTrab" value="estado">ESTADO</td>
                        <td  class="td_acciones_ordTrab">ACCIONES</td>
                    </tr>
                </table>
                <div class="pagination-centered" id="divPaginacion"> 
                    <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                    <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                    <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                        <ul class="pagination"> 
                            <li><img class="paginacion_begin" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                            <li><img class="paginacion_prev" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                            <li class="unavailable"><a href="">&hellip;</a></li> 
                            <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                            <li class="unavailable"><a href="">&hellip;</a></li> 
                            <li><img class="paginacion_next" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                            <li><img class="paginacion_end" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                        </ul> 
                </div>
            </div>  
        </div>
        </div>

    <div id="divInsert" class="popout" title="Nueva Orden de Trabajo">
    <form id="frmInsert">
            <input type="HIDDEN" id="OPERACION" name="OPERACION" VALUE="insert"/>
            <input type="HIDDEN" id="CONTROLADOR" name="CONTROLADOR" VALUE="OrdTrabajo"/>    
            <input type="HIDDEN" id="id" name="id"/>
            <table>
                <tr>
                    <td>OT No.</td>
                    <td><input readonly type="text" id="codOrdTrabajo" name="codOrdTrabajo" value="automatico" /></td>
                </tr>
                <tr>                        
                    <td>D.O.</td>
                    <td><input  type="text" id="codOperacionInterna" name="codOperacionInterna" /></td>                        
                </tr>
                <tr>
                    <td>Agencia de Aduana</td>
                    <td>
                        <select id="codMaeCliente1" name="codMaeCliente1">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeCliente1"),"MaeCliente","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>             
                <tr>                        
                    <td>Fecha OT.</td>
                    <td><input readonly type="text" id="fechaRegistro" name="fechaRegistro" class="datepicker" /></td>                        
                </tr>
                <tr>
                    <td>Puerto de Operacion</td>
                    <td>
                        <select id="codMaeOperacionPuerto" name="codMaeOperacionPuerto">
                         
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeOperacionPuerto"),"MaeOperacionPuerto","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>                    
                <tr>
                    <td>Supervisor</td>
                    <td>
                        <select id="codResponsable" name="codResponsable">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codResponsable"),"SeguridadUsuario","selectSupervisoresHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>                         
                <tr>
                    <td>Consignatario(O)</td>
                    <td>
                        <input type="text" id="consignatario" name="consignatario" maxlength="256">
                        <!--select id="codMaeCliente2" name="codMaeCliente2">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeCliente2"),"MaeCliente","selectAllHTMLSelectFormat");
                            </script>
                        </select-->
                    </td>
                </tr>             
                <tr>
                    <td>Tipo de Operacion</td>
                    <td>
                        <select id="codMaeOperacionTipo" name="codMaeOperacionTipo">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeOperacionTipo"),"MaeOperacionTipo","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>             
                <tr>
                    <td>Tipo de Carga</td>
                    <td>
                        <select id="codMaeOperacionIdent" name="codMaeOperacionIdent">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeOperacionIdent"),"MaeOperacionIdent","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>                                    
                <tr id="TR_numero">
                    <td>Numero del servicio</td>
                    <td>
                        <input type="text" id="numero" name="numero"/>
                    </td>                                                    
                </tr>
                <tr id="TR_contenedorTipo">
                    <td>Tipo de Contenedor</td>
                    <td>
                        <select id="codMaeContenedorTipo" name="codMaeContenedorTipo">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeContenedorTipo"),"MaeContenedorTipo","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>
                <tr id="TR_contenedorTamano">
                    <td>Tamano de Contenedor</td>
                    <td>
                        <select id="codMaeContenedorTamano" name="codMaeContenedorTamano">
                            <option value="">Seleccionar</option>
                            <option value="20">20</option>
                            <option value="40">40</option>
                            <option value="45">45</option>
                        </select>
                    </td>
                </tr>
                <tr id="TR_mercanciaTipo"> 
                    <td>Tipo de Mercancia</td>
                    <td>
                        <select id="codMaeMercanciaTipo" name="codMaeMercanciaTipo">
                            <script type="text/javascript"> 
                                cargarOpcionesSelectDesdeControlador($("#codMaeMercanciaTipo"),"MaeMercanciaTipo","selectAllHTMLSelectFormat");
                            </script>
                        </select>
                    </td>
                </tr>                                         
                <tr>
                    <td>Cantidad</td>
                    <td>
                        <input type="number" id="cantidad" name="cantidad"/>
                    </td>                                                    
                </tr>
            </table>
            <br/>
            <div class="small_text">(O)= Opcional</div>
        <div id="errormessage"></div>
    </form>
    </div>        

    <!--Imagenes Adjuntas-->
    <div id="divCargarFoto" class="popout" title="Galeria">
        <table>
            <tr>
                <td>
                    <form id="formUpload" enctype="multipart/form-data">
                        <input type="hidden" id="idOrdTrabajo" name="idOrdTrabajo" value=""/>
                        <input type="hidden" id="tipoAdjunto" name="tipoAdjunto" value=""/>
                        <input type="hidden" id="extensionesPermitidas" name="extensionesPermitidas" value=""/>
                        <table style="width: 100%">
                            <tr>
                                <td>
                                   Observaciones 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input name="fileUpload" id="fileUpload" type="file" value="Subir" multiple="multiple" />
                                </td>
                            </tr>
                        </table>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="ListaFotos" >
                        <table  id="OrdTrabajoAdjunto" class="grilla">
                            <tr id='cabecera'>
                                <td>Descargar</td>
                                <td>Archivo</td>
                                <td>Observaciones</td>
                                <td>Acciones</td>
                            </tr>
                        </table>
                        <div class="pagination-centered" id="divPaginacionAdjuntos"> 
                            <input type="HIDDEN" id="paginaActual" name="paginaActual" VALUE="0"/> 
                            <input type="HIDDEN" id="totalPaginas" name="totalPaginas" VALUE="0"/> 
                            <input type="HIDDEN" id="registrosPorPagina" name="registrosPorPagina" VALUE="-1"/> 
                                <ul class="pagination"> 
                                    <li><img class="paginacion_begin_OrdTrabajoAdjunto" id="paginacion_begin" src="../recursos/imagenes/begin.png" style="opacity:0.3" disabled="true"></li> 
                                    <li><img class="paginacion_prev_OrdTrabajoAdjunto" id="paginacion_prev" src="../recursos/imagenes/previous.png" style="opacity:0.3" disabled="true"></li> 
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li class="unavailable"><label id="labelPagina">Pagina 1</label></li>
                                    <li class="unavailable"><a href="">&hellip;</a></li> 
                                    <li><img class="paginacion_next_OrdTrabajoAdjunto" id="paginacion_next" src="../recursos/imagenes/next.png"></li>
                                    <li><img class="paginacion_end_OrdTrabajoAdjunto" id="paginacion_end" src="../recursos/imagenes/end.png"></li> 
                                </ul> 
                        </div>
                        <script type="text/javascript"> 
                            //inicializarPaginacionGrilla($("#controlador").val(),"divPaginacion","",-1);
                            //cargarDatosGrillaDesdeControlador($("#controlador").val(),$("#controlador").val(),"selectAllHTMLTableFormat","",0,$("#divPaginacion").find("#registrosPorPagina").val());
                        </script>                
                    </div>    
                </td>   
            </tr>
        </table>
    </div>
    
    <!--Actualizar Fotos-->
    <div id="divUpdateAdjunto" class="popout" title="Editar Foto">
        <form id="frmUpdateAdjunto">
            <input type="HIDDEN" id="id" name="id" VALUE=""/>
            <table>
                <tr>
                    <td>Nombre Archivo:</td>
                    <td><input type="text" id="nombreArchivoOriginal" name="nombreArchivoOriginal" /></td>
                </tr>
                <tr>
                    <td>Observaciones:</td>
                    <td><textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea></td>
                </tr>
            </table>
            <div id="errormessage"></div>
        </form>
    </div>  
    
    <!--ANULAR OT-->
    <div id="divAnularOT" class="popout" title="Anular OT">
    <form id="formAnularOT">
        <input type="hidden" id="id" name="id" value=""/>
        
        <table style="width: 100%">
            <tr>
                <td>
                   Observaciones
                </td>
            </tr>
            <tr>
                <td>
                    <textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea>
                </td>
            </tr>
        </table>
    </form>
    </div>
    
    <!--CERRAR OT-->
    <div id="divCerrarOT" class="popout" title="Cerrar OT">
    <form id="formCerrarOT">
        <input type="hidden" id="id" name="id" value=""/>
        <table style="width: 100%">
            <tr>
                <td>
                   Observaciones
                </td>
            </tr>
            <tr>
                <td>
                    <textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea>
                </td>
            </tr>
        </table>
    </form>
    </div>
    
    <!--FACTURAR OT-->
    <div id="divFacturarOT" class="popout" title="Facturar OT">
    <form id="formFacturarOT">
        <input type="hidden" id="id" name="id" value=""/>
        <table style="width: 100%">
            <tr>
                <td>No. Factura:</td>
                <td><input type="text" id="codFactura" name="codFactura" /></td>
                <td>Valor Factura:</td>
                <td><input type="number" id="valorFactura" name="valorFactura" /></td>
            </tr>
            <tr>
                <td colspan="4">Observaciones:</td>
            </tr>
            <tr>
                <td colspan="4"><textarea id="observaciones" name="observaciones"  style="width: 100%"> </textarea></td>
            </tr>
        </table>
    </form>
    </div>
    </body>
    <script type="text/javascript">
        cargarOpcionesSelectFiltroDesdeGrilla(
             $("#selectFiltroOrdenGrilla")  //--- Select en el que se cargaran las opciones
            ,$("#OrdTrabajo") //--- TABLA desde la cual se tomaran las opciones (cabecera)
        );
        inicializarPaginacionGrilla(
             "OrdTrabajo"    //--- Nombre de la DBtable correspondiente a la grilla
            ,"divPaginacion"            //--- Div en el que maneja la paginacion
            ,""                         //--- Where Section
            ,-1                         //--- Registros por pagina (Cuando es "-1" toma los registros por pagina que se indican en el parametro del sistema)
        );
        cargarDatosGrillaDesdeControlador(
             "OrdTrabajo"    //--- idTabla
            ,"OrdTrabajo"    //--- controlador
            ,"selectAllHTMLTableFormat" //--- Operacion
            ,""                         //--- Campos adicionales
            ,$("#divPaginacion").find("#paginaActual").val()            //--- Pagina actual
            ,$("#divPaginacion").find("#registrosPorPagina").val()      //-- Registros por pagina
            ,$("#divBuscador").find("#selectFiltroOrdenGrilla").val()   //-- Campo por el cual se hara el filtro
            ,$("#divBuscador").find("#valorFiltroGrilla").val()         //-- Valor con el cual se hara el filtro
        );
    </script>
    
</html>
